<template>
    <div id="app">
       <ul>
           <li>
               <router-link to="/">home</router-link>
               <router-link to="/about">about</router-link>
               <router-link to="/posts">posts</router-link>
               <router-link to="/qqqq">404</router-link>
           </li>
       </ul>
       <router-view></router-view>
    </div>
</template>

<script>
export default {
    name: 'App',
    data () {
        return {}
    },
    methods: {}
}
</script>

<style lang="less" scoped>

</style>